{#首先导入基础模版#}
{% extends 'demo/base.html' %}
{% load common_extras %}

{% block title %}
    {# capfirst过滤器，开头首字母大写 #}
    {{ now_cls|capfirst }}博客专业发展平台
{% endblock %}

{% block header %}
    {% include 'demo/header.html' %}
{% endblock %}

{#为什么不能重写classes，因为base里面都没有规定classes模块#}
{#{% block classes %}#}
{#    {% include 'demo/classes.html' %}#}
{#{% endblock %}#}

{% block main %}
    {% include 'demo/classes.html' %}
    {# 如果article有数据就是true，没有就是flase #}
    {% if articles %}
        <ul class="nav">
            {#    循环生成多个li标签#}
            {% for article in articles %}
                {#        forloop.first是否是循环的第一次迭代#}
                {% if forloop.first %}
                    <div class="bottom-info">这是第一篇文章</div>
                {% endif %}
                <li>
                    {# 获得遍历articles得到的article的detail值 #}
{#                    <a href="{{ article.detail }}">#}
{#                    <a href="{% url 'ArticleDetail' %}">#}
                    {% comment %}
                    如果路由定义了转换器或者其他的参数，那么就不能使用url模版标签的命名路由跳转到其他的页面
                    {% endcomment %}
                    <a href="/demo/article/{{ article.id }}">
                        <div class="left">
                            {# forloop.counter是编序号，默认是从1开始，可以forloop.counter0修改从0，想修改反向forloop.revcounter#}
                            {# forloop是循环，counter循环是迭代的次数#}
                            <h4>{{ forloop.counter }}、{{ article.title }}</h4>
                            <p>{{ article.desc }}</p>
{#                            <p class="time-info">发布时间:{{ article.create_time|date:'Y年m月d日H:i:s' }}</p>#}
                            <p class="time-info">发布时间:{{ article.create_time|time_since }}</p>
                        </div>
                        <div class="right">
{#                          <img src="{{ article.img }}" alt="">#}
{#                            {{ article.cover }}#}
                            <img src="/static/media/{{ article.cover }}/" alt="">
                        </div>

                    </a>
                </li>
                {#        forloop.last是否是循环的最后一次迭代#}
                {% if forloop.last %}
                    <div class="bottom-info">这是最后一篇文章</div>
                {% endif %}
            {% endfor %}

        </ul>
    {% else %}
        <div class="bottom-info">该分类暂无文章</div>
    {% endif %}


{% endblock %}


{% comment %}

<p>{{ num }}</p>
{{ articles.0.title }}
<hr>
给长变量取短名字
{% with articles.0.title as a1 %}
{{ a1 }}
{% endwith %}
默认的开启过滤拦截自带的css样式
{% autoescape off %}
{{ html }}
{% endautoescape %}
{% endcomment %}

{% comment %}
date和time过滤器的参数格式
2025年07月08日
25年7月8日
Y:四位数的年
y：两位数的年
m：两位数的月
n：一位数的月
d：两位数的日
j：一位数的日

g：12小时 一位的小时
G：24小时 一位的小时
h：12小时 两位的小时
H：24小时 两位的小时
i：分钟
s：秒



{% endcomment %}